<template>
	<view class="page flex flex-col">
		<navbar :leftText="'详情'" :backStatus="true"></navbar>
		<view class="flex-1 w690">
			<view class="shouDetailMain">
				<view class="flex-between">
					<view>头像</view>
					<view class="detailValue">杜永栋</view>
				</view>
				<view class="flex-between">
					<view>昵称</view>
					<view class="detailValue">武达凯</view>
				</view>
				<view class="flex-between">
					<view>手机</view>
					<view class="detailValue">138****01</view>
				</view>
				<view class="flex-between">
					<view>实名认证</view>
					<view class="detailValue">未认证</view>
				</view>



			</view>
			<up-gap height="10" bgColor="#141039"></up-gap>
			<view class="flex-between address">
				<view>地址管理</view>
			</view>
			<up-gap height="10" bgColor="#141039"></up-gap>


			<view class="loginOut flex-center text-white">退出</view>
		</view>


	</view>
</template>

<script setup>
	import * as api from "@/utils/api.js"
	import {
		ref,
		reactive,
		onMounted,
		inject
	} from 'vue';
	let imageUrl = ref("");
	onMounted(() => {
		// 全局变量引入
		const globalData = inject('globalData');
		imageUrl.value = globalData.value.imgOssUrl;
	})
</script>

<style scoped>
	.shouDetailMain {
		color: #FFF;
		font-size: 28rpx;
	}

	.shouDetailMain>view {
		height: 100rpx;
		/* line-height: 100rpx; */
	}

	.shouDetailMain>view:not(:last-child) {
		border-bottom: 2rpx solid #1F1757;
	}

	.detailValue {
		color: #5A669E;
	}

	.address {
		color: #fff;
		height: 100rpx;
	}

	.loginOut {
		height: 88rpx;
		background: linear-gradient(90deg, #A102FF 0%, #162CFF 100%);
		border-radius: 44rpx;
		margin-top: 60rpx;
	}
</style>